<template>
    <view>
        <view class="page">
            <view class="goods">
                <view class="goods-title">请选择订单中有问题的商品</view>
                <checkbox-group @change="checkboxChange">
                    <label class="list" v-for="item in goodsList" :key="item.goodsId">
                        <checkbox :value="item.goodsId" />
                        <text>
                            {{item.goodsName}}
                        </text>
                    </label>
                </checkbox-group>
            </view>
            <view class="line"></view>
            <view class="reason">
                <view class="goods-title">请选择退款原因</view>
                <radio-group @change="radioChange">
                    <label v-for="(item, index) in reasonsList" class="radio-item" :key="index">
                        <text>
                            {{item.value}}
                        </text>
                        <radio :value="item.id" />
                    </label>
                </radio-group>
            </view>
            <view class="line"></view>
            <view class="input-money">
                <view class="goods-title">请输入需要的退款的金额</view>
                <view class="money-item">
                    <text>金额</text>
                    <input class="input-inner" focus placeholder="0.00" v-model="priceApply" />
                </view>
            </view>
        </view>
        <button @click="submitData" class="submit-button">提交申请</button>
    </view>
</template>

<script>
    import refundV2 from "./refundV2.js";
    export default refundV2;
</script>

<style>
    @import url("./refundV2.css");
</style>